<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title>评价</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="__TMPL__/public/assets/css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_620103_fj74dtokkresif6r.css">
	<script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
</head>
<style>
	.click{
		color: #ffb529;
	}
	.pf{margin-top: 45px;}
	.comment li{float: left;font-size: 30px;}
	.comment{color: #d2d3d3;}
	li{list-style: none;}
	/*.wjx{color: #23cd77;font-size: 16px;}*/
	.comment{letter-spacing: 7px;}
</style>
<body>
<header class="mui-bar mui-bar-nav"style="box-shadow: 0 1px 6px #f3eaea;">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title">评论管理</h1>
</header>
<form action="{:url('my/comment',array('subscribe_id'=>$subscribe_id))}" method="post">
	<input id="start" type="hidden" name="start" value="fffff">
	<ul class="mui-table-view pf">
		<li class="mui-table-view-cell">
			<div class="mui-row">
				<div class="mui-col-sm-4 mui-col-xs-4">
					<a href="#" >
						<div class="mui-row" style="width: 40px;">
							<div class="" style="margin-left: 5px;">
								<img class="mui-media-object mui-pull-left" src="__TMPL__/public/assets/images/demo/techer1.jpg">
							</div>
						</div>
					</a>
				</div>
				<div class="mui-col-sm-8 mui-col-xs-8" style="margin-left: -15%">
					<div class="mui-row" style="font-size: 15px;">
						<div class="">课程评分
							<!--<p class='mui-ellipsis wjx'>★★★★★</p>-->
						</div>
					</div>
				</div>
			</div>
			<div class="mui-row" style="margin-top: 5px;">
				<textarea name="pingjia" rows="3" cols="5" style="margin-top: 5px;font-size: 15px" placeholder="快来评价吧..."></textarea>
			</div>
			<div class="mui-row" style="margin: 2px;">
				<div class="mui-col-sm-4 mui-col-xs-4">
					<a href="#" >
						<div class="mui-row">
							<div class="" style="margin-left: 40px;margin-top: 12px;font-size: 15px;color: #23cd77;">
								满意度：
							</div>
						</div>
					</a>
				</div>
				<div class="mui-col-sm-8 mui-col-xs-8" style="margin-left: -8%">
					<div class="mui-row">
						<ul class="comment mui-table-view-cell">
							<li id="1" class="icon iconfont icon-iconfontxingxing-copy"></li>
							<li id="2" class="icon iconfont icon-iconfontxingxing-copy"></li>
							<li id="3" class="icon iconfont icon-iconfontxingxing-copy"></li>
							<li id="4" class="icon iconfont icon-iconfontxingxing-copy"></li>
							<li id="5" class="icon iconfont icon-iconfontxingxing-copy"></li>
						</ul>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<div class="mui-button-row">
		<input type="submit" value="提交" style="background-color: #23cd77;border: 1px solid #23cd77;margin-top: 18px;">
	</div>
</form>



<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<!--评价星-->
<script type="text/javascript">
	mui.init();
	$(document).ready(function($){
		$(".comment li")/*.mouseenter(function() {
		 *//*  $(this).attr("background-color","#000000");
		 console.log( $(this).attr("background-color"));*//*
		 $(this).text(wjx_sel).prevAll().text(wjx_sel).end().nextAll().text(wjx_none);

		 })*/.click(function() {
			//console.log( $(this).attr("id"));
			var start = $(this).attr("id");
			$(this).addClass("click").prevAll().addClass("click").end().nextAll().removeClass("click");
			$("#start").val(start);
		});

		/*$(".comment li").mouseleave(function() {
		 $(".comment li").text(wjx_none);
		 $(".click").text(wjx_sel).prevAll().text(wjx_sel).end().nextAll().text(wjx_none);
		 });		*/
	})
	$(document).ready(function(){
		$('#1').click(function(){
			toast("很差");
		})
		$('#2').click(function(){
            toast("一般");
		})
		$('#3').click(function(){
            toast("满意");
		})
		$('#4').click(function(){
            toast("非常满意");
		})
		$('#5').click(function(){
            toast("无可挑剔");
		})
	})
</script>
</body>

</html>